import React from 'react'
import {Button, Card, Space} from 'antd'

export default function MainPanel() {
  return (
    <div style={{ display: 'grid', gap: 12 }}>
      <Card title="🚀 快速开始" size="small">
        <Space>
          <Button type="primary" size="small">+ 添加数据源</Button>
          <Button size="small">🔄 刷新</Button>
        </Space>
      </Card>
      <Card title="📊 系统概览" size="small">
        <div style={{ display: 'grid', gridTemplateColumns: 'repeat(3, 1fr)', gap: 8 }}>
          <Card size="small">总数据源: 12</Card>
          <Card size="small">在线状态: 10</Card>
          <Card size="small">离线状态: 2</Card>
        </div>
      </Card>
      <Card title="📋 最近操作记录" size="small">
        <ul style={{ margin: 0 }}>
          <li>同步订单系统</li>
          <li>添加用户数据源</li>
          <li>生成迁移脚本</li>
        </ul>
      </Card>
    </div>
  )
}